<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
div.sample_python_code{
  float: right;
}
div.io_div{
  float: left;
  width: 600px;
  background-color: #eeeee0; /*temporary choice*/
}
div.end_io_widget{
  clear:both;
}
</style>
<title>Two columns test</title>
</head>
<body>
<h1>Two columns test</h1>
<p>This document contains a test for two column layout, based on
custom css.  This is work in progress.  It requires a reasonably wide display
to work as expected.</p>

<h3>Code only</h3>
<p>Python code should be only in one column, aligned left.</p>
<pre title="py_code">
>>> print('title = "py_code"')
>>> for i in range(10):
...     print(i)
...
</pre>

<h3>Interpreter</h3>
<p>Interpreter should be on the left, with code sample on the right.</p>
<pre title="interpreter">
>>> print('title = "interpreter"')
>>> for i in range(10):
...     print(i)
...
</pre>

<h3>Editor</h3>
<p>Editor should be on the left, with code sample on the right. 
This is working ... if the window is wide enough.</p>
<pre title="editor">
>>> print('title = "editor"')
>>> for i in range(10):
...     print(i)
...
</pre>


<h3>Doctest</h3>
<p>Editor should be on the left, with code sample on the right.
This is working ... if the window is wide enough.</p>
<pre title="doctest">
>>> double(3)
6
>>> double(double(3))
12
</pre>

<p><a href="index.html">Back to the test index</a></p>
</body>
</html>
